/* LIVE TRAVEL NEWS WIDGET */



body{
	background-color: #EEE;
	display: block;
}
html, body{
	border: 0; padding: 0;
	text-align: center;
}
a,
a:visited{
	color: #113B92;
}
h1{display:none} 
.alert{
	text-align: center;
	color: #000;
	background-color: #FFF69F; 
	padding: 4px;
	display: block;
	text-decoration: none;
}

/* Tube line colours */
.bakerloo						{color: #FFF !important;  		background: #AE6118;}
.central						{color: #FFF !important;  		background: #E41F1F;}
.circle							{color: #113B92 !important;  	background: #F8D42D;}
.district						{color: #FFF !important; 		background: #00A575;}
.eastlondon						{color: #113B92 !important;  	background: #F2AD41;}
.hammersmithandcity				{color: #113B92 !important;  	background: #E899A8;}
.jubilee						{color: #FFF !important;  		background: #8F989E;}
.metropolitan					{color: #FFF !important;  		background: #893267;}
.northern						{color: #FFF !important;  		background: #000000;}
.piccadilly						{color: #FFF !important;  		background: #0450A1;}
.victoria						{color: #FFF !important;  		background: #009FE0;}
.waterlooandcity				{color: #113B92;  				background: #70C3CE;}

#copy{
font-size: 12px;
color: #666 !important;
}
		
/* SERVICE UPDATE BOARD */
#service-board{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;
	width: 250px;
	margin: 5px auto;
	padding: 0;
	background: url("3d-panel-service-top-2.gif") top left no-repeat;
}
#service-board dl{
	background: url("3d-panel-service-bottom-2.gif") bottom left no-repeat;
	margin: 0;
	padding: 12px 10px;
}
* html #service-board dl{
	float: left;
}

/* Tube lines */
#service-board dt{
	font-weight: bold;
	width: 113px;
	margin-bottom: 2px;
}
#service-board dt {
	width: 111px;
	padding: 0 0 0 2px;
	display: block;
	border-bottom: 0 solid !important;
}

/* Tube line status */
#service-board dd{
	position:relative; 
	float: left;
	display: inline;
	top: -1.4em;
	width: 115px;
	margin-left: 114px;
	margin-bottom: -1.4em;
	padding-left: 0;
	border-bottom: 1px solid none;
	background-image: none;
}

/* The following horrible hacks target all versions of IE 
*/

/*\*/
html*#service-board dl {
[

]
	float: left;
}/**/
		
/*\*/
html*#service-board dd {
[

]
	float: none;
	display: block;
	border-bottom: 2px solid #FFFFFF;	
}/**/

#service-board dd a{
	font-weight: bold;
	color: #113B92;
	border-bottom: 0 solid !important;
}
#service-board dd a.severe,
#service-board dd a.planned,
#service-board dd a.problem{
	color: #FFF;
	background-color: #113B92;
	padding-left: 2px;
	display: block;
	margin-bottom: 0;	
}
#service-board a{
	text-decoration: none;
	margin-bottom: 1px;
}
#service-board dt a:hover{
	color: #FFF !important;
}
/* Tube line status */
#service-board #lines dt{
font-family:Arial, Helvetica, sans-serif;
}
#service-board #lines dd h3{
margin: 0;
}	
#service-board #lines dd a,
#service-board #lines dd h3{
font-weight: bold;
color: #113B92;
background: url('information.png') right -1px no-repeat;
padding-left: 2px;
display: block;
}
#service-board #lines dd a.problem,
#service-board #lines dd.problem h3{
color: #FFF;
background-color: #113B92;
}

/* Message detail */

#message-detail,
.message{
	display: none;
}

#message-detail h3{
font-family:Arial, Helvetica, sans-serif;
margin: 0 2px 8px 0;
padding-left: 2px;
}
#message-detail h3.station{
color: #FFF;
background-color: #666;
}
#message-detail{
display: none;
padding: 0;
width: 230px;
.width: 250px; /* IE6+7 */
padding: 10px 8px;
background: url("3d-panel-service-bottom-2.gif") bottom left no-repeat;
}
#message-detail #message{
height: expression( this.scrollHeight > 177 ? "178px" : "auto" ); /* sets max-height for IE */
max-height: 178px; /* sets max-height value for all standards-compliant browsers */
overflow: auto;
}
#service-board .message p,
#message-detail p{
margin-bottom: 8px;
}
#service-board p.time{
color: #AAA;
}
#close-top{
float: right;
margin: 2px 4px 0 0;
}

/* TABS */
.tabs{
	background: url("tab-background.gif") left bottom repeat-x;
	padding: 0;
	padding-top: 6px;
	margin: 0;
	margin-bottom: 8px;
	padding-left: 8px;
	text-align: left;
	border-bottom: 1px solid #CCC;
	font-size: 0.9em;
}
.tabs li{
	display: inline;
	margin: 0;
	padding: 0;
}
.tabs li a{
	padding: 2px 4px 0 4px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-decoration: none;
	background: #fff url("tab-unselected.gif") left bottom repeat-x;
}
.tabs li a:visited{
	color: #333;
}
.tabs li a:hover{
	text-decoration: underline;
}
.tabs li.selected a{
	background: #EEE;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #EEE;
}
.tabs li.selected a:hover{
	text-decoration: underline;
	color: #333; 
}

.js-version
{
	margin: 0px 0px 0px 0px ; 
	width: 250px ; 
	height: 210px ; 
}